<template>
  <div>
        <el-alert
            title="警告提示的文案"
            type="warning"
            show-icon
            >
        </el-alert>

        选择商品分类 : 
          <el-cascader
            v-model="value"
            :options="options"
            @change="handleChange"></el-cascader>

      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="动态参数">
          <el-button>添加参数</el-button>
        </el-tab-pane>
        <el-tab-pane label="静态属性">
          <el-button>添加属性</el-button>
        </el-tab-pane>
      </el-tabs>

      <el-table
        :data="list"
        border
        style="width: 100%">
      <el-table-column
        label="#"
        type="index">
      </el-table-column>
      <el-table-column
        prop="cat_name"
        label="属性名称">
      </el-table-column>
      <el-table-column 
        label="操作">
          <template>
              <el-button type="primary" size="small">编辑</el-button>
              <el-button type="danger" size="small">删除</el-button>
          </template>
      </el-table-column>
    </el-table>


  </div>
</template>

<script>
export default {
    name :"params"
}
</script>

<style lang="scss" scoped>
.el-cascader{
    margin-top: 10px;
}
</style>